.slide-right-enter-from, .slide-right-leave-to {
  transform: translate3d(-100%, 0, 0);
}

.slide-right-enter-to, .slide-right-leave-from {
  transform: translate3d(0, 0, 0);
}

.slide-right-enter-active, .slide-right-leave-active{
  transition: all .2s linear;
}

.slide-right-enter-to, .slide-right-leave-from {
  transform: translate3d(0, 0, 0);
}





.slide-up-enter-from, .slide-up-leave-to {
  transform: translate3d(0, 100%, 0);
}

.slide-up-enter-to, .slide-up-leave-from {
  transform: translate3d(0, 0, 0);
}

.slide-up-enter-active, .slide-up-leave-active{
  transition: all .2s linear;
}

.slide-up-enter-to, .slide-up-leave-from {
  transform: translate3d(0, 0, 0);
}

